<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--src属性：配置资源路径
    相对路径：访问站内资源时使用相对路径
        a.资源在页面的同级目录：直接写文件名
        b.资源在页面的上级目录： ../文件名
        c.资源在页面的下级目录： 文件夹名1/文件夹名2.../文件名

    绝对路径：访问站外资源时使用，又称为图片盗链，存在找不到图片的风险
-->

<!--alt：当图片不能显示时显示的文本-->
<!--title：图片标题，当鼠标悬停在图片上显示的文本-->
<!--width:设置宽度，像素或百分比设置，当只设置宽度的时候，高度会自动等比例缩放-->
<!--height:设置高度-->


<img src="bt.jpg" alt="" width="200">
<img src="../gxs.jpg" alt="顾小桑" width="200">
<img src="../fbb.jpg" title="冯宝宝" width="25%">
<img src="../雷电将军.jpg" alt="" height="200">


</body>
</html>